<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>公司差旅系统</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/myStyle.css">
</head>
<body>
	<div class="nav-backstage navbar navbar-fixed-top">
		<div class="container-fluid">
			<div class="nav-logo">
				<a href="#">公司差旅系统</a>
			</div>
			<div class="nav-staff">
				<div class="icon-bell">
					<a href="#"><span class="glyphicon glyphicon-bell" aria-hidden="true"></span><span class="badge" id="MessageNum">42</span></a>
				</div>
				<div class="dropdown" style="float: left;">
					<button class="btn dropdown-toggle nav-dropdownmenu" type="button" id="NavDropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><img src="img/staffPic.jpeg" alt="staffPic" width="35px" height="35px">
						<span>Tadokoro Megumi </span>
						<span class="caret"></span>
					</button>
					<ul class="dropdown-menu" aria-labelledby="NavDropdownMenu">
						<li><a href="#">个人信息</a></li>
						<li role="separator" class="divider"></li>
						<li><a href="#">登出</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	
	<div class="sidenav">
		<div>
			<span class="glyphicon glyphicon-tasks" style="padding-top: 5px;margin-right: 10px;"></span> 
			<span>管理</span>	
		</div>
		<ul>
			<li style="border-top: transparent 1px solid;">
				<a href="#" id="aMenu1" style="background-color: #e02222;"><span class="glyphicon glyphicon-th-large" aria-hidden="true"> 出差申请表</span><span class="glyphicon glyphicon-menu-left" aria-hidden="true" style="font-size: 12px;display: block;margin: 12px 20px 0 0;float: right;" id="sub1"></span></a>
				<ul id="menu1">
					<li class="activeli"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新建申请表</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;待审核申请表</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已通过申请表</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;未通过申请表</a></li>
				</ul>
			</li>
			<li>
				<a href="#" id="aMenu2"><span class="glyphicon glyphicon-th" aria-hidden="true"> 报销申请表</span> <span class="glyphicon glyphicon-menu-left" aria-hidden="true" style="font-size: 12px;display: block;margin: 12px 20px 0 0;float: right;" id="sub2"></span></a>
				<ul id="menu2">
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新建申请表</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;待审核申请表</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;已通过申请表</a></li>
					<li><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;未通过申请表</a></li>
				</ul>
			</li>
			<li>
				<a href="#"><span class="glyphicon glyphicon-th-list" aria-hidden="true"> 个人出差报表</a>
			</li>
		</ul>
		<div id="copy">
			&copy; Travel Business System by CQU
		</div>
	</div>

	<div class="content">
		<!--面包屑导航-->
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<h1>新建出差申请表</h1>
				</div>
			</div>
			<div class="row">
				<div class="col-md-12">
					<ol class="breadcrumb">
						<li><a href="#"><span class="glyphicon glyphicon-home" aria-hidden="true"> 管理向导</a></li>
						<li><a href="#">新建出差申请表</a></li>
					</ol>
				</div>
			</div>
		</div>
		<!--申请表类型选择-->
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-6 col-md-offset-3" id="table1">
					<div class="panel panel-default" style="border: #e02222 1px solid">
						<div class="panel-heading" style="background-color: #e02222;">
							<h3 class="panel-title" style="color: #ffffff;">
								出差申请表类型选择
							</h3>
						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-4">
									<label for="noauto">
										<input type="radio" name="tabletype" id="noauto" checked> 员工自定义填写
									</label>
								</div>
								<div class="col-md-4">
									<label for="auto">
										<input type="radio" name="tabletype" id="auto"> 系统自动化填写
									</label>
								</div>
								<div class="col-md-4">
									<label for="halfauto">
										<input type="radio" name="tabletype" id="halfauto"> 系统半自动化填写
									</label>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--出差申请表填写-->
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-6 col-md-offset-3" id="table2">
					<div class="panel panel-primary">
						<div class="panel-heading">
							<h3 class="panel-title">
								出差申请表填写
							</h3>
						</div>
						<div class="panel-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="id">员工Id</label>
										<input type="text" class="form-control" id="id" disabled="" value="123456789">
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="name">姓名</label>
										<input type="text" id="name" class="form-control" value="Tadokoro Megumi" disabled="">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="depart">所在部门</label>
										<input type="text" id="depart" class="form-control" placeholder="所在部门">
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tell">常用电话</label>
										<input type="text" id="tell" class="form-control" placeholder="常用电话">
									</div>
								</div>
							</div>
							<!-- 起始时间 -->
							<div class="row">
								<div class="col-md-3">
									<div class="form-group">
										<div style="margin-top: 30px;"><b>起始时间</b></div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="yearBegin">年</label>
										<select name="yearBegin" id="yearBegin" class="form-control">
											<option value="2017">2017</option>
											<option value="2018">2018</option>
											<option value="2019">2019</option>
										</select>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="monthBegin">月</label>
										<select name="monthBegin" id="monthBegin" class="form-control">
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
										</select>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="dayBegin">日</label>
										<select name="dayBegin" id="dayBegin" class="form-control">
											
										</select>
									</div>
								</div>
							</div>
							<!-- 结束时间 -->
							<div class="row">
								<div class="col-md-3">
									<div class="form-group">
										<div style="margin-top: 30px;"><b>结束时间</b></div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="yearEnd">年</label>
										<select name="yearEnd" id="yearEnd" class="form-control">
											<option value="2017">2017</option>
											<option value="2018">2018</option>
											<option value="2019">2019</option>
										</select>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="monthEnd">月</label>
										<select name="monthEnd" id="monthEnd" class="form-control">
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
											<option value="4">4</option>
											<option value="5">5</option>
											<option value="6">6</option>
											<option value="7">7</option>
											<option value="8">8</option>
											<option value="9">9</option>
											<option value="10">10</option>
											<option value="11">11</option>
											<option value="12">12</option>
										</select>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="dayEnd">日</label>
										<select name="dayEnd" id="dayEnd" class="form-control">
											
										</select>
									</div>
								</div>
							</div>
							<!-- 出差地点 -->
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										<label for="tplace">出差起始地点</label>
										<input type="text" id="tplace" class="form-control" placeholder="起始地点">
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										<label for="tdestination">出差目的地点</label>
										<input type="text" id="tdestination" class="form-control" placeholder="目的地点">
									</div>
								</div>
							</div>
							<!-- 添加按钮 -->
							<div class="row">
								<div class="col-md-3">
									<button type="button" id="add" class="btn btn-primary">添一组出差时间和地点</button>
								</div>
							</div>
							<!-- 动态添加的时间地点组 -->
							<div class="alert alert-info alert-dismissible" role="alert" style="margin-top: 15px;">
								<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
								<div class="row" style="margin-top: 22px;">
									<div class="col-md-3">
										<div class="form-group">
											<div style="margin-top: 30px;"><b>起始时间</b></div>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<label for="yearBegin">年</label>
											<select name="yearBegin" id="yearBegin" class="form-control">
												<option value="2017">2017</option>
												<option value="2018">2018</option>
												<option value="2019">2019</option>
											</select>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<label for="monthBegin">月</label>
											<select name="monthBegin" id="monthBegin" class="form-control">
												<option value="1">1</option>
												<option value="2">2</option>
												<option value="3">3</option>
												<option value="4">4</option>
												<option value="5">5</option>
												<option value="6">6</option>
												<option value="7">7</option>
												<option value="8">8</option>
												<option value="9">9</option>
												<option value="10">10</option>
												<option value="11">11</option>
												<option value="12">12</option>
											</select>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<label for="dayBegin">日</label>
											<select name="dayBegin" id="dayBegin" class="form-control">
												
											</select>
										</div>
									</div>
								</div>
								<!-- 结束时间 -->
								<div class="row">
									<div class="col-md-3">
										<div class="form-group">
											<div style="margin-top: 30px;"><b>结束时间</b></div>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<label for="yearEnd">年</label>
											<select name="yearEnd" id="yearEnd" class="form-control">
												<option value="2017">2017</option>
												<option value="2018">2018</option>
												<option value="2019">2019</option>
											</select>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<label for="monthEnd">月</label>
											<select name="monthEnd" id="monthEnd" class="form-control">
												<option value="1">1</option>
												<option value="2">2</option>
												<option value="3">3</option>
												<option value="4">4</option>
												<option value="5">5</option>
												<option value="6">6</option>
												<option value="7">7</option>
												<option value="8">8</option>
												<option value="9">9</option>
												<option value="10">10</option>
												<option value="11">11</option>
												<option value="12">12</option>
											</select>
										</div>
									</div>
									<div class="col-md-3">
										<div class="form-group">
											<label for="dayEnd">日</label>
											<select name="dayEnd" id="dayEnd" class="form-control">
												
											</select>
										</div>
									</div>
								</div>
								<!-- 出差地点 -->
								<div class="row">
									<div class="col-md-6">
										<div class="form-group">
											<label for="tplace">出差起始地点</label>
											<input type="text" id="tplace" class="form-control" placeholder="起始地点">
										</div>
									</div>
									<div class="col-md-6">
										<div class="form-group">
											<label for="tdestination">出差目的地点</label>
											<input type="text" id="tdestination" class="form-control" placeholder="目的地点">
										</div>
									</div>
								</div>
							</div>
							<!--出差事由-->
							<div class="row isuzu">
								<div class="col-md-12">
									<div class="form-group">
										<label for="reason">出差事由</label>
										<textarea name="reason" id="reason" class="form-control"></textarea>
									</div>
								</div>
							</div>
							<!--交通工具类型和等级-->
							<div class="row" id="vehicledes">
								<div class="col-md-3">
									<b>交通工具选择</b>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label class="radio-inline">
											<input type="radio" name="vehicle" id="bus" value="0">汽车
										</label>
									</div>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label class="radio-inline">
											<input type="radio" name="vehicle" id="train" value="1">火车
										</label>
									</div>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label class="radio-inline">
											<input type="radio" name="vehicle" id="motorcar" value="2">动车
										</label>
									</div>
								</div>
								<div class="col-md-2">
									<div class="form-group">
										<label class="radio-inline">
											<input type="radio" name="vehicle" id="aircraft" value="3">飞机
										</label>
									</div>
								</div>
							</div>
							<!--交通工具等级-->
							<!--汽车-->
							<div class="row" id="sbus">
								<div class="col-md-3 col-md-offset-3 isuzu">
									<b>汽车票价格</b>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<input type="text" id="busfee" name="busfee" class="form-control">
									</div>
								</div>
							</div>
							<!--火车-->
							<div class="row" id="strain">
								<div class="col-md-4 col-md-offset-3">
									<div class="form-group">
										<label for="tranis">火车票类型</label>
										<div id="trains" class="isuzu">
											<label class="radio-inline">
												<input type="radio" name="traintype" id="traintype1" value="0">硬座
											</label>
											<label class="radio-inline">
												<input type="radio" name="traintype" id="traintype2" value="1">软卧
											</label>
										</div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="">火车票价格</label>
										<input type="text" name="trainfee" id="trainfee" class="form-control">
									</div>
								</div>
							</div>
							<!--动车-->
							<div class="row" id="smotorcar">
								<div class="col-md-6 col-md-offset-3">
									<div class="form-group">
										<label for="motorcars">动车票类型</label>
										<div id="motorcars" class="isuzu">
											<label class="radio-inline">
												<input type="radio" name="motorcartype" id="motorcartype1" value="0">二等座
											</label>
											<label class="radio-inline">
												<input type="radio" name="motorcartype" id="motorcartype2" value="1">一等座
											</label>
											<label class="radio-inline">
												<input type="radio" name="motorcartype" id="motorcartype3" value="2">商务座
											</label>
										</div>
									</div>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<label for="">动车票价格</label>
										<input type="text" name="motorcarfee" id="motorcarfee" class="form-control">
									</div>
								</div>
							</div>
							<!--飞机-->
							<div class="row" id="saircraft">
								<div class="col-md-3 col-md-offset-3 isuzu">
									<b>飞机经济舱价格</b>
								</div>
								<div class="col-md-3">
									<div class="form-group">
										<input type="text" id="aircraftfee" name="aircraftfee" class="form-control">
									</div>
								</div>
							</div>
							<div class="row" id="hoteldes">
								<div class="col-md-3" style="padding-top: 5px;">
									<b>住宿费标准说明</b>
								</div>
								<div class="col-md-9">
									<div class="row sento">
										<b>总经理、副总经理：350元/天/人</b>
									</div>
									<div class="row sento">
										<b>总监、副部门经理：260元/天/人</b>
									</div>
									<div class="row sento">
										<b>普通经理：150元/天/人</b>
									</div>
								</div>
							</div>
							<div class="row isuzu">
								<div class="col-md-2 isuzu">
									<b>其他费用</b>
								</div>
								<div class="col-md-3">
									<input type="text" placeholder="其他费用" id="other" name="other" class="form-control">
								</div>
								<div class="col-md-6 isuzu">
									注：其他费用不能超过200元
								</div>
							</div>
							<div class="row isuzu">
								<div class="col-md-12">
									<div class="form-group">
										<label for="otherdes">其他费用说明</label>
										<textarea name="otherdes" id="otherdes" class="form-control"></textarea>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-6 col-md-offset-3">
									<button id="submit" class="btn btn-primary form-control">确认并提交出差申请表</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!--交通工具和宾馆查询购票-->
				<div class="col-md-6" id="table3">
					<!--交通工具-->
					<div class="row">
						<div class="col-md-12">
							<div class="panel panel-default" style="border-color: #852b99;">
								<div class="panel-heading" style="background-color: #852b99;">
									<h3 class="panel-title" style="color: #ffffff;">
										交通购票查询
									</h3>
								</div>
								<div class="panel-body">
									<div class="row megumi">
										<div class="col-md-5">
											<div class="form-group">
												<label for="from">始发地</label>
												<input type="text" name="from" id="from" class="form-control">
											</div>
										</div>
										<div class="col-md-5">
											<div class="form-group">
												<label for=to>目的地</label>
												<input type="text" name="to" id="to" class="form-control">
											</div>
										</div>
										<div class="col-md-2" style="margin-top: 25px;">
											<button id="search1" class="btn btn-default">查询</button>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="vcard">
												<div class="row tadokoro">
													<div class="col-md-6">
														<b>始发地: </b>
														<span class="label label-default">重庆北</span>
													</div>
													<div class="col-md-6">
														<b>目的地: </b>
														<span class="label label-default">成都东</span>
													</div>
												</div>
												<div class="row">
													<div class="col-md-6">
														<b>出发时间: </b>
														<span class="label label-default">2016年10月30日 06:58开</span>
													</div>
													<div class="col-md-6">
														<b>到达时间: </b>
														<span class="label label-default">2016年10月30日 08:28到</span>
													</div>
												</div>
												<div class="row">
													<div class="col-md-5">
														<b>交通工具: </b>
														<span class="label label-default">动车 D1584</span>
													</div>
													<div class="col-md-5">
														<b>交通工具等级:</b>
														<span class="label label-default">一等座</span>
													</div>
													<div class="col-md-2">
														<label>
															<input type="checkbox" name="addvehicle">加入
														</label>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12" style="margin-top: 10px;padding-top:10px;border-top: #852b99 1px solid;">
											<b>已选: 0</b>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--宾馆-->
					<div class="row">
						<div class="col-md-12">
							<div class="panel panel-default" style="border-color: #ffb848;">
								<div class="panel-heading" style="background-color: #ffb848;">
									<h3 class="panel-title" style="color: #ffffff;">
										目的地宾馆查询
									</h3>
								</div>
								<div class="panel-body">
									<div class="row" style="border-bottom: #ffb848 1px solid;margin-bottom: 10px;">
										<div class="col-md-10">
											<div class="form-group">
												<label for="hotel">目的地周边宾馆查询</label>
												<input type="text" name="hotel" id="hotel" class="form-control">
											</div>
										</div>
										<div class="col-md-2" style="margin-top: 25px;">
											<button id="search2" class="btn btn-default">查询</button>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12">
											<div class="hcard">
												<div class="row tadokoro">
													<div class="col-md-6">
														<b>酒店名字</b>
														<span class="label label-default">喜来登大酒店</span>
													</div>
													<div class="col-md-2 col-md-offset-4">
														<label>
															<input type="checkbox" name="addhotel">加入
														</label>
													</div>
												</div>
												<div class="row">
													<div class="col-md-12">
														<b>酒店地址: </b>
														<span class="label label-default">重庆市朝天门6街666号</span>
													</div>
												</div>
												<div class="row">
													<div class="col-md-6">
														<b>入住时间: </b>
														<span class="label label-default">2016年11月30日</span>
													</div>
													<div class="col-md-6">
														<b>离店时间: </b>
														<span class="label label-default">2016年12月5日</span>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="row">
										<div class="col-md-12" style="margin-top: 10px;padding-top:10px;border-top: #ffb848 1px solid;">
											<b>已选: 0</b>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script src="js/jquery-1.12.4.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script>
		$(document).ready(function(){

			//侧边栏隐藏
			$("#menu2").hide();

			//
			$("#table3").hide(200);

			//交通工具细节隐藏
			$("#sbus").hide();
			$("#strain").hide();
			$("#smotorcar").hide();
			$("#saircraft").hide();

			//选择交通工具后显示细节
			$("#bus").click(function(){
				$("#sbus").show(200);
				$("#strain").hide();
				$("#smotorcar").hide();
				$("#saircraft").hide();
			});

			$("#train").click(function(){
				$("#strain").show(200);
				$("#sbus").hide();
				$("#smotorcar").hide();
				$("#saircraft").hide();
			});

			$("#motorcar").click(function(){
				$("#smotorcar").show(200);
				$("#sbus").hide();
				$("#strain").hide();
				$("#saircraft").hide();
			});

			$("#aircraft").click(function(){
				$("#saircraft").show(200);
				$("#sbus").hide();
				$("#strain").hide();
				$("#smotorcar").hide();
			});
			//
			var cnt1 = 0;
			$("#aMenu1").click(function(){
				cnt1++;
				if(cnt1 % 2 == 0)
				{
					$(this).css("background-color","#3d3d3d");
					$("#sub1").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-left");
				}
				else
				{
					$(this).css("background-color","#303030");
					$("#sub1").removeClass("glyphicon-menu-left").addClass("glyphicon-menu-down");
				}
				$("#menu1").slideToggle();
			});

			var cnt2 = 0;
			$("#aMenu2").click(function(){
				cnt2++;
				if(cnt2 % 2 == 0)
				{
					$(this).css("background-color","#3d3d3d");
					$("#sub2").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-left");
				}
				else
				{
					$(this).css("background-color","#303030");
					$("#sub2").removeClass("glyphicon-menu-left").addClass("glyphicon-menu-down");
				}
				$("#menu2").slideToggle();
			});

			var dayString = "";
			for(var i = 1;i < 32;i++)
			{
				dayString += "<option value=\"" + i + "\">" + i + "</option>";
			}
			$("#dayBegin").html(dayString);
			$("#dayEnd").html(dayString);

			$("#noauto").click(function(){
				$("#vehicledes").show(200);
				$("#hoteldes").show(200);
				$("#table3").hide(200);

				$("#table1").addClass("col-md-offset-3");
				$("#table2").addClass("col-md-offset-3");
			});

			$("#auto").click(function(){
				$("#vehicledes").hide(200);
				$("#hoteldes").hide(200);
				$("#sbus").hide();
				$("#strain").hide();
				$("#smotorcar").hide();
				$("#saircraft").hide();
				$("table3").hide(200);

				$("#table1").addClass("col-md-offset-3");
				$("#table2").addClass("col-md-offset-3");
			});

			$("#halfauto").click(function(){
				$("#vehicledes").hide(200);
				$("#hoteldes").hide(200);
				$("#sbus").hide();
				$("#strain").hide();
				$("#smotorcar").hide();
				$("#saircraft").hide();
				$("#table3").show(200);

				$("#table1").removeClass("col-md-offset-3");
				$("#table2").removeClass("col-md-offset-3");
			});
		});
	</script>
</body>
</html>